<template>
  <div class="q-table" style="width:100%;">
    <q-table :table="table" isShowPagination :columns="columns" />
  </div>
</template>

<script>
export default {
  data () {
    return {
      table: {
        total: 0,
        currentPage: 1,
        pageSize: 10,
        data: [
          {
            id: '1',
            date: '2019-09-25',
            name: '张三',
            status: '2',
            address: '市南区市南区市南区'
          },
          {
            id: '2',
            date: '2019-09-26',
            name: '张三1',
            status: '1',
            address: '市南区市南区市南区市南区市南区'
          },
          {
            id: '3',
            date: '2019-09-27',
            name: '张三2',
            status: '3',
            address: '市南区市南区市南区市南区市南区市南区市南区市南区'
          }
        ]
      },
      columns: [
        { prop: 'name', label: '姓名', minWidth: '100', sort: true, noShowColumn: true },
        { prop: 'date', label: '日期', minWidth: '180', sort: true, noShowColumn: true },
        { prop: 'address', label: '地址', minWidth: '220', sort: true, noShowColumn: true },
        { prop: 'date1', label: '日期1', minWidth: '180', sort: true, noShowColumn: true },
        { prop: 'address1', label: '地址1', minWidth: '220', noShowColumn: true }
      ]
    }
  }
}
</script>
